<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">一岁一礼，一寸欢喜</p>
            <p class="ly-stxt02">旦逢良辰，顺颂时宜</p>
            <p class="ly-stxt03">笑指松椿，当是同年</p>
            <p class="ly-stxt04">原从今后八千年</p>
  
            <p class="ly-stxt05">长似今年 长似今年</p>
            
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">流星是宇宙写给地球的情书</p>
            <p class="ly-stxt07">而你是世界赠予我的礼物</p>
            <p class="ly-stxt08">在我们小小的世界里</p>
            <p class="ly-stxt09">嬉笑吵闹，给幸福以岁月</p>
            <p class="ly-stxt10">ε(○´∀｀)зε(´∀｀●)з‘牵手手’</p>
   
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/2.png" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>亲爱的猫猫</p>
            <p>祝你前路坦荡，万事皆可期(◦˙▽˙◦)</p>
            <p>祝你乐观开朗，永远无忧无虑！</p>
            <p>祝你平安顺遂，自由幸福 </p>
            <p>祝你成为想成为的人</p>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/9.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 24px">
            <p>小哥哥(。’▽’。)♡</p>
            <p>爱你哦</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/3.png">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>重要的事情说三遍生日快乐</p>
            <p>生日快乐</p>
            <p>生日快乐</p>
            <p>♡♥(。´▽`。)♥♡</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/4.jpg">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>我的猫猫啊，你要永远热爱生活</p>
            <p>然后带着我去大吃大喝！！！</p>
            <p>我们要一起完成好多好多五年计划，再走过好多好多年</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/5.jpg" style="height: 100%">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>其实</p>
            <p>我是打算写21封信的</p>
            <p>但时间太短</p>
            <p>但我确实又写了几封</p>
            <p>拿给你将就看吧（胡言乱语中）</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/6.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>Te quiero. I love you 愛してる 사랑해요 Я люблю тебя.</p>
            <p>Ich liebe dich. Je t'aime. Ti voglio bene. 我爱你 </p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/7.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82" style="top:8%">
            <p class="wwww1">最后的最后</p>
            <p class="wwww1">新的一岁，不必万丈光芒</p>
            <p class="wwww1">但愿始终温暖有光</p>
            <p class="wwww1">深话浅说，长路慢走，</p>
            <p class="wwww1">好像在你这里</p>
            <p class="wwww1">不用说什么你都会懂</p>
            <p class="wwww1">你让我知道，浪漫不是反复斟酌对白</p>
            <p class="wwww1">而是平凡生活里一起去码头整点薯条</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/8.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>很高兴认识你，我的猫猫。</p>

            <p>我曾经是一个总患得患失的人，所以刚在一起的时候总细数你对我的好</p>
            <p>收集你送的每束玫瑰花瓣，记得和你一块的每一个幸福瞬间</p>
            <p>同样也害怕失去，也敏感多疑</p>
            <p>当随时都会感知到快乐的时候，好像快乐就并非恩赐了，而是生活</p>
            <p>幸运就是强烈地感知到幸福</p>
            <p>很幸运，我遇见了你</p>
        
            <p>我们还会在一起走很久很久，遇见更好更好的我们</p>
            <p>如果有机会</p>
            <p>想和你一起种满园的玫瑰</p>
            <p>等花开时，满眼幸福</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a>  </p>
          </div>

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>